@extends('admin.layout.common')
@section('content')
    <link rel="stylesheet" type="text/css" href="{{URL::asset('css/user/ExpectStatistics.css')}}">
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0/echarts-en.common.js"></script>
    <div class="content">
        <div>
					<span>
						<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-wenjianjia"></use>
						</svg>
						当前待审核共<span>{{session('currentCheck')}}</span>人
					</span>
            <span>
						<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-bijiben"></use>
						</svg>
						今日已审核<span>{{session('todayPassAll')}}</span>人
					</span>
            <span>
						<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-qianbi"></use>
						</svg>
						我已审核<span>{{session('myCheck')}}</span>人
					</span>
        </div>
        <h1>用户期望联系时间统计</h1>
        <div class="dendrogram">
			{{--<div id="container" style="width:90%;margin:0 auto;"></div>--}}
            <div id="main"></div>
        </div>
        <button type="button" onclick="javascript:history.back(-1);">返回</button>
    </div>

{{--<script type="text/javascript" src="{{asset('common/js/jquery-1.10.1.min.js')}}"></script>--}}
<script type="text/javascript" src="{{asset('js/layui-v2.3.0/layui/layui.all.js')}}"></script>
{{--<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>--}}
<script src="https://code.highcharts.com/highcharts.js"></script>
{{--<script type="text/javascript" src="{{asset('common/js/commonality.js')}}"></script>--}}
{{--<script type="text/javascript" src="{{asset('js/user/ExpectStatistics.js')}}"></script>--}}
<script type="text/javascript" src="//at.alicdn.com/t/font_809874_lzrjua7w53k.js"></script>
<script>
  $(function () {
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
//
// 指定图表的配置项和数据
    var option = {
      color: ['#3398DB'],
      grid: {
        // left: '3%',
        // right: '4%',
        // bottom: '3%',
        // top:'10%',
        // containLabel: true
      },
      // title: {
      // 	text: '用户期望联系时间统计'
      // },
      legend: {
        data:['']
      },
      xAxis: {
        data: ["10:00-12:00","13:00-17:00","18:00-23:00","不限时间"]
      },
      yAxis: {},
      series: [{
        barWidth:'15%',
        light:'#0099FF',
        name: '',
        type: 'bar',
        data: {{$counts}}
      }],
    };
// // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
  })

</script>
@endsection
